<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>无标题文档</title>
<style>
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/left.jpg) repeat;
}

table {
	width: 220px;
	height: 100%;
	overflow: scroll;
}

.leftBorder {
	background: url(../images/left_border.png) repeat-y;
	width: 3px;
}

.rightBorder {
	background: url(images/right_boder.png) repeat-y;
	width: 2px;
}

.middle {
	width: 215px;
}

.left {
	width: 215px;
	overflow: auto;
}

.itemTitle {
	background: url(../images/itemTitle.png) repeat-x;
	width: 215px;
	height: 34px;
	line-height: 34px;
	color: #444;
	font-size: 14px;
	position: relative;
	font-weight: bold;
}

.itemS {
	width: 205px;
	padding: 5px;
	font-size: 12px;
	color: #555;
	display: none;
}

.itemS .item {
	height: 28px;
	background: url(../images/item_bottom.png) repeat-x;
	background-position: bottom left;
	line-height: 30px;
	text-indent: 2em;
	font-family: "宋体";
	font-weight: 700;
}

.item a {
	text-decoration: none;
	color: #444;
}

.itemTitle span {
	margin-left: 23px;
	letter-spacing: 2px;
}

.itemTitle i {
	background: url(../images/icon.png) no-repeat scroll 0 0;
	width: 9px;
	height: 9px;
	display: block;
	position: absolute;
	left: 10px;
	top: 13px;
}

.itemTitle i.open {
	background-position: -9px 0;
}
</style>
<script src="/tmx/js/jquery-1.8.1.min.js"></script>
<script>
	window.onload = function() {
		//var height = document.body.scrollHeight;
		//document.getElementById("leftBorder").style.height = height + "px";
	}
	$(document).ready(function() {
		//$(".left").find(".itemBox").eq(0).find(".itemS").show();
		//$(".left").find(".itemBox").eq(0).find(".itemTitle i").addClass("open");
		$(".itemBox").find(".itemTitle").bind("click", function() {
			var className = $(this).find("i").get(0).className;
			if (className == "open") {
				$(this).find("i").removeClass("open");
				$(this).next().slideUp();
			} else {
				$(this).find("i").addClass("open");
				$(this).next().slideDown();
			}
		});
	});
</script>
</head>

<body>
	<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td class="leftBorder" id="leftBorder"></td>
			<td class="middle">
				<div class="left">
					<div class="itemBox">
						<div class="itemTitle">
							<i></i><span>系统管理</span>
						</div>
						<div class="itemS">
							<s:if test="#session.role.adminPower == 1">
								<div class="item">
									<a href="/tmx/Admin2Action!getAdminList.action"
										target="mainFrame">管理员管理</a>
								</div>
							</s:if>

							<s:if test="#session.role.rolePower == 1">
								<div class="item">
									<a href="/tmx/Role2Action!getRoleList.action"
										target="mainFrame">角色管理</a>
								</div>
							</s:if>
						</div>
					</div>
					<div class="itemBox">
						<div class="itemTitle">
							<i></i><span>信息发布管理</span>
						</div>
						<div class="itemS">
							<div class="item">
								<a href="/tmx/ProjectAction!getProjectListForPage.action"
									target="mainFrame">项目发布</a>
							</div>
							<div class="item">
								<a href="/tmx/ActivityAction!getActivityListForPage.action"
									target="mainFrame">活动信息</a>
							</div>
							<div class="item">
								<a href="/tmx/NoticeAction!getNoticeListForPage.action"
									target="mainFrame">最新公告</a>
							</div>
						</div>
					</div>
					<div class="itemBox">
						<div class="itemTitle">
							<i></i><span>互动信息管理</span>
						</div>
						<div class="itemS">
							<div class="item">
								<a href="/tmx/ApplyAction!getApplyListForPage.action"
									target="mainFrame">申请加入信息管理</a>
							</div>
							<div class="item">
								<a href="/tmx/VolunteerAction!getVolunteerListForPage.action"
									target="mainFrame">志愿者信息管理</a>
							</div>
							<div class="item">
								<a href="/tmx/MessageAction!getMessageListForPage.action"
									target="mainFrame">留言信息管理</a>
							</div>
						</div>
					</div>
				</div>
			</td>
			<td class="rightBorder"></td>
		</tr>
	</table>
</body>
</html>
